重疊元素
z-index
當有時候控制方框重疊時
可使用這個屬性控制堆疊的順序
使用方式如下:
z-index: 5
數值越高的標籤會顯示在越前面
浮動元素
float
此屬性可以移走正常流向中的元素
使得其他元素跟著此元素流動
使用這個屬性時
應該要使用width屬性指定浮動元素的寬度
淨空浮動元素
clear
這個屬性可以使任何標籤不去跟使用此屬性的標籤並排(僅限在同一容器標籤內)
clear: left
標籤左側不會出現在同一容器內的任何其他標籤
clear: right
標籤右側不會出現在同一容器內的任何其他標籤
clear: both
標籤兩側不會出現同一容器內的任何其他標籤
註:如果容器標籤內只有浮動元素，
有些瀏覽器會視為0像素高，
此時可以在容器標籤加上:
overflow: auto;
width: 100%
解決這個問題。
iThome鐵人賽
看影片追技術